

.container {
	min-height: calc(100vh - var(--window-top));
	background-color: #f6f6f6;
	font-family:PingFang SC;
	padding-top: 20rpx;
	.boxS{
		background:rgba(255,255,255,1);
		box-shadow:0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
		border-radius:10rpx;
		width: 702rpx;
		padding: 0 19rpx;
		margin: 0 auto;
	}
	.texta {
		width:702rpx;
		margin: 0 auto;
		height:180rpx;
		border:2rpx solid rgba(225,225,225,1);
	}
	.pop-one {
		font-size:34rpx;
		height: 109rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(51,51,51,1);
	}
	.text-line {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.m-text {
		font-size:30rpx;
		text-align: center;
		font-family:PingFang SC;
		font-weight:500;
		color:rgba(102,102,102,1);
		margin: 40rpx 0;
	}
	.header {
		height: 270rpx;
		margin-top: 20rpx;
		background-color: #FFFFFF;
		font-size:34rpx;
		font-weight:500;
		padding: 0;
		.h-head {
			color:rgba(102,102,102,1);
			height: 106rpx;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: space-around;
			.active {
				color:rgba(51,51,51,1);
				font-weight: bold;
			}
			.xians {
				position: absolute;
				bottom: 0;
				height: 4rpx;
				width: 351rpx;
				transition: all 0.3s;
				background-color: #FBB000;
				
			}
		}
		.h-two {
			background-color: #f6f6f6;
			display: flex;
			/* flex-direction: column; */
			align-items: center;
			height: 160rpx;
			justify-content: space-around;
			.h-two-item {
				width: 226rpx;
				height: 140rpx;
				background:#f6f6f6;
				border-radius:10rpx;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				.h-num {
					font-size:50rpx;
					text-align: center;
					font-family:PingFang SC;
					font-weight:bold;
					color:rgba(251,176,0,1);
				}
				.h-text {
					font-size:30rpx;
					font-family:PingFang SC;
					text-align: center;
					font-weight:500;
					color:rgba(102,102,102,1);
				}
				
			}
			.active {
				background-color: #FFFFFF;
			}
		}
	}
	.moren {
		width: 302rpx;
		margin: 0 auto;
		height: 400rpx;
		margin-top: 80rpx;
		image {
			width: 100%;
			height: 100%;
		}
	}
	.midle {
		height: 554rpx;
		margin-top: 23rpx;
		.m-header {
			height: 129rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1rpx solid #EEEEEE;
			.m-h-left {
				display: flex;
				font-size: 30rpx;
				
				image {
					width: 80rpx;
					height: 80rpx;
				}
				.m-h-name {
					width: 384rpx;
					margin-left: 20rpx;
				}
			}
			.m-h-right {
				font-size:26rpx;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(235,92,2,1);
			}
		}
		.m-detail {
			border-bottom: 1rpx solid #EEEEEE;
			height: 193rpx;
			display: flex;
			align-items: center;
			.m-d-left {
				width: 200rpx;
				height: 133rpx;
				image {
					width: 100%;
					height: 100%;
				}
			}
			.m-d-right {
				height: 132rpx;
				margin-left: 17rpx;
				.m-d-name {
					height: 72rpx;
					width: 442rpx;
					font-size:30rpx;
					font-family:PingFang SC;
					font-weight:bold;
					color:rgba(51,51,51,1);
					line-height: 36rpx;
					
					text-overflow: -o-ellipsis-lastline;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					line-clamp: 2;
					-webkit-box-orient: vertical;
				}
				.m-d-color {
					margin-top: 15rpx;
					height: 44rpx;
					background-color: #f6f6f6;
					padding: 0 10rpx;
					font-size:24rpx;
					font-family:PingFang SC;
					font-weight:500;
					color:rgba(102,102,102,1);
					display: flex;
					align-items: center;
					.color1 {
						display: flex;
						align-items: center;
						.color11 {
							width:30rpx;
							height:30rpx;
							border-radius:6rpx;
							.color111 {
								width: 30rpx;
								height: 15rpx;
							}
						}
					}
				}
			}
		}
		.m-order-d {
			.m-o-top {
				font-size:26rpx;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(102,102,102,1);
				margin-top: 29rpx;
			}
			.m-o-bottom {
				display: flex;
				justify-content: space-between;
				font-size:26rpx;
				margin-top: 20rpx;
				font-family:PingFang SC;
				font-weight:500;
				color:rgba(102,102,102,1);
			}
		}
		
		.m-btn {
			display: flex;
			justify-content: space-between;
			margin-top: 29rpx;
			.m-b-left {
				float:left;
				image {
					width: 44rpx;
					height: 44rpx;
					margin-right: 34rpx;
				}
			}
			.m-b-right {
				display: flex;
				.btn-r {
					width: 160rpx;
					height: 60rpx;
					border:2rpx solid rgba(208,208,208,1);
					border-radius:30rpx;
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}
		}
	}
	.mo-title {
		margin-top: 61rpx;
		margin-bottom: 47rpx;
		text-align: center;
		font-size:34rpx;
		font-family:PingFang SC;
		font-weight:bold;
		color:rgba(52,52,52,1);
	}
	.mo-content {
		font-size:30rpx;
		font-family:PingFang SC;
		font-weight:500;
		text-align: center;
		color:rgba(102,102,102,1);
	}
	.mo-btn {
		margin-top: 47rpx;
		margin-bottom: 53rpx;
		display: flex;
		justify-content: center;
		image {
			width: 220rpx;
			height: 78rpx;
		}
	}
}